﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Freedom.Models.ViewModels.HomeViewModel>" %>
<%@ Import Namespace="Freedom.Models" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    首页
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%--<%= Ajax.ActionLink("Run JavaScript", "JavaScript", new AjaxOptions()) %>--%>
    <!-- SLIDER -->
	<div id="slider-container" class="container clearfix">
		<div class="sixteen columns m-bot-35">
			<div id="sequence-theme">

				<div id="sequence">

					<ul>
                    <% 
                        int i = 0;
                        foreach (var item in Model.adInfoList)
                        {
                            i++;
                    %>
					<!-- SLIDE -->
						<li class="animate-in">
							<img class="bg-slide" src="../../Content/images/<%= item.Res_1 %>" alt="bg <%= i %>" />

							<%--<img class="model" src="../../Content/images/<%= item.Res_2 %>" alt="Model <%: i %>" />--%>
							
							<div class="title">
								<h2 ><span class="bold" ><%= item.Title %></span></h2>
								<p class="subtitle-2"><%= item.Intro %></p>
							</div>
							<div class="subtitle-3">
                                <a class="button medium" href="#">&nbsp;&nbsp;&nbsp;&nbsp;更多>></a>
							</div>

						</li>
                    <%
                        }
                    %>
					</ul>

				</div>
				<div class="slider-nav-bg"></div>
				<ul class="nav">
					<li class="bw-wrapper"><img  src="../../Content/images/tn-model1-1.jpg" alt="Model 1" /></li>
					<li class="bw-wrapper"><img  src="../../Content/images/tn-model2-1.jpg" alt="Model 2" /></li>
					<li class="bw-wrapper"><img  src="../../Content/images/tn-model3-1.jpg" alt="Model 3" /></li>
				</ul>
				<div class="arrows-nav ">
					<img class="prev slider1" src="../../Content/images/bt-prev.png" alt="Previous Frame" ><img class="next slider1" src="../../Content/images/bt-next.png" alt="Next Frame" >
				</div>

			</div>
		</div>		
	</div>
	
    <!--NEW 3 BLOCKS (1 ver) -->
	<div class="container clearfix m-bot-15">
    <% 
        foreach (var item in Model.serviceInfoList)
        {
    %>
	<!-- BLOCK -->
        <div class="four columns m-bot-20 ca-menu">
	        <div class=" content-container-white">
		        <a class=" clearfix" href="#">
			        <div class="ca-icon">
				        <img src="../../Content/images/<%= item.Image %>" alt="<%= item.Image %>">
			        </div>
			        <div class="ca-content">
				        <h2 class="ca-main"><%= item.Title %></h2>
				        <h3 class="ca-sub"><%= item.Intro %></h3>
			        </div>
		        </a>	
	        </div>		
        </div>
	<%
        }
    %>		
	</div>	
	

    <!-- BUY NOW -->
	<!-- deleted ->
	
    <!-- FEATURES -->
	<!-- deleted ->
	
    <!-- LATEST POSTS -->
	<%--
    <div class="container clearfix">
		<div class="sixteen columns">
		
						<div class="caption-container m-bot-20">
							<div class="caption-text-container">LATEST POSTS</div>
							<div class="content-container-white caption-bg clearfix"></div>
							<div class="carousel-navi jcarousel-scroll">
								<div class="jcarousel-prev"></div>
								<div class="jcarousel-next"></div>
							</div>
						</div>
		</div>
	</div>	
		
		<!-- jCAROUSEL -->
		<div class="jcarousel container latest-posts-jc m-bot-35" >
			<ul>
				<!-- LATEST POSTS ITEM -->
				<li class="one-third column">
						<div class="hover-item">
							<div class="view view-first">
								<img src="../../Content/images/content/post-2-1.jpg" alt="Ipsum" >

								<div class="abs clearfix">
									<div class="blog-item-date-cont">
										<div class="blog-item-date">21</div>
										<div class="blog-item-mounth">MAY</div>
									</div>
									<div>
										<a class="lightbox zoom info" href="../../Content/images/content/blog-big-1.jpg"></a><a class="link info" href="blog-single.html"></a>
									</div>
								</div>
								
							</div>
						</div>
						<div class="lp-caption-container standart-post">
							<a class="a-invert" href="blog-single.html" ><span class="bold">Lorem</span> Ipsum</a>
						</div>
						<div class="lp-item-text-container">
							<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisl nulla, et vestib ulum risus augue tristique sed...</p>
						</div>
						<a href="blog-single.html" class="right button medium">&nbsp;&nbsp;&nbsp;&nbsp;更多>></a>
				</li>
				
				<!-- LATEST POSTS ITEM -->
				<li class="one-third column">
						<div class="hover-item">
							<div class="view view-first">

								<img src="../../Content/images/content/post-2-2.jpg" alt="Ipsum" >
								
								<div class="abs clearfix">
									<div class="blog-item-date-cont">
										<div class="blog-item-date">17</div>
										<div class="blog-item-mounth">MAY</div>
									</div>
									<div class="clearfix">
										<a class="lightbox zoom info" href="../../Content/images/content/blog-big-1.jpg"></a><a class="link info" href="blog-single.html"></a>
									</div>
								</div>
								
							</div>
						</div>
						<div class="lp-caption-container image-post">
							<a class="a-invert" href="blog-single.html" ><span class="bold">Craes</span> Nustro</a>
						</div>
						<div class="lp-item-text-container">
							<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisl nulla, et vestib ulum risus augue tristique sed...</p>
						</div>
						<a href="blog-single.html" class="right button medium">&nbsp;&nbsp;&nbsp;&nbsp;更多>></a>
				</li>
				
				<!-- LATEST POSTS ITEM -->
				<li class="one-third column">
						<div class="hover-item">
							<div class="view view-first">
								<img src="../../Content/images/content/post-2-3.jpg" alt="Ipsum" >
								
								<div class="abs clearfix">
									<div class="blog-item-date-cont">
										<div class="blog-item-date">15</div>
										<div class="blog-item-mounth">MAY</div>
									</div>
									<div class="clearfix">
										<a class="iframe zoom info" href="http://www.youtube.com/embed/HsQfOUTKX9Q"></a><a class="link info" href="blog-single.html"></a>
									</div>
								</div>
								
							</div>
						</div>
						<div class="lp-caption-container video-post">
							<a class="a-invert" href="blog-single.html" ><span class="bold">Sed</span> Lectus</a>
						</div>
						<div class="lp-item-text-container">
							<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisl nulla, et vestib ulum risus augue tristique sed...</p>
						</div>
						<a href="blog-single.html" class="right button medium">&nbsp;&nbsp;&nbsp;&nbsp;更多>></a>
				</li>
				
				<!-- LATEST POSTS ITEM -->
				<li class="one-third column">
						<div class="hover-item">
							<div class="view view-first">
								<img src="../../Content/images/content/post-2-4.jpg" alt="Ipsum" >
								
								<div class="abs clearfix">
									<div class="blog-item-date-cont">
										<div class="blog-item-date">12</div>
										<div class="blog-item-mounth">MAY</div>
									</div>
									<div class="clearfix">
										<a class="lightbox zoom info" href="../../Content/images/content/blog-big-1.jpg"></a><a class="link info" href="blog-single.html"></a>
									</div>
								</div>
								
							</div>
						</div>
						<div class="lp-caption-container image-post">
							<a class="a-invert" href="blog-single.html" ><span class="bold">Craes</span> Nustro</a>
						</div>
						<div class="lp-item-text-container">
							<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisl nulla, et vestib ulum risus augue tristique sed...</p>
						</div>
						<a href="blog-single.html" class="right button medium">&nbsp;&nbsp;&nbsp;&nbsp;更多>></a>
				</li>
				<!-- LATEST POSTS ITEM -->
				<li class="one-third column">
						<div class="hover-item">
							<div class="view view-first">
								<img src="../../Content/images/content/post-2-5.jpg" alt="Ipsum" >
								
								
								<div class="abs clearfix">
									<div class="blog-item-date-cont">
										<div class="blog-item-date">10</div>
										<div class="blog-item-mounth">MAY</div>
									</div>
									<div class="clearfix">
										<a class="lightbox zoom info" href="../../Content/images/content/blog-big-1.jpg"></a><a class="link info" href="blog-single.html"></a>
									</div>
								</div>
								
								
							</div>
						</div>
						<div class="lp-caption-container image-post">
							<a class="a-invert" href="blog-single.html" ><span class="bold">Sed</span> Nustro</a>
						</div>
						<div class="lp-item-text-container">
							<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisl nulla, et vestib ulum risus augue tristique sed...</p>
						</div>
						<a href="blog-single.html" class="right button medium">&nbsp;&nbsp;&nbsp;&nbsp;更多>></a>
				</li>

			</ul>
		</div>
		<!-- jCAROUSEL End -->
	--%>
    <!-- LATEST POSTS End -->	
	
	
	

    <!-- NEWS LETTER -->
	<div class="container m-bot-35 clearfix">
		<div class="sixteen columns">
			<div class="newsletter-container content-container-white clearfix">
				<div class="nl-img-container">
					<img src="../../Content/images/icon-mail.png" alt="mail">
				</div>
				<div class="nl-text-container clearfix">
					<div class="caption">
						<%--<span class="bold">NEWS</span> LETTER--%>
                        <span class="bold">新闻动态</span>
					</div>
					<%--<div class="nl-text">Stay up-to date with the latest news and other stuffs, Sign Up today!</div>--%>
                    <div class="nl-text">不分昼夜、不分季节、不分节假日，只要我们有“新料”，定会第一时间传送给您！</div>
                    <div class="nl-form-container">
                        <form  id = "subscribe-form" class = "newsletterform" method = "post" action = "/Home/Post">
                        <%--<% using (Html.BeginForm("Post", "Home", FormMethod.Post, new { id = "subscribe-form", @class = "newsletterform" })) {%>
                        <%: Html.ValidationSummary(true) %>--%>
                        <%--<% using (Ajax.BeginForm("Post", "Home", new { }, new AjaxOptions { HttpMethod = "Post", OnSuccess = "Success", OnFailure = "Error" })) { %>--%>
                            <label>邮箱</label>
							<%--<input type="text" onblur="if(this.value=='')this.value='请输入您的邮箱';" onfocus="if(this.value=='请输入您的邮箱')this.value='';" value="请输入您的邮箱" name="email"><button class="nl-button">订阅</button>--%>
						    <%: Html.TextBoxFor(model => model.subscribeInfo.Email, new { type = "text", onblur = "if(this.value=='')this.value='请输入您的邮箱';", onfocus = "if(this.value=='请输入您的邮箱')this.value='';", value = "请输入您的邮箱", name = "email", @class = "text requiredField email m-bot-20" })%><button class="nl-button">订阅</button>
                        <%--<% } %>--%>
                        </form>
                        <%--以下Js脚本配合Ajax.BeginForm使用
                        <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
                        <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
                        <script type ="text/javascript" >
                            function Success() {
                                alert("订阅成功");
                            }
                            function Error() {
                                alert("订阅失败");
                            }
                        </script>--%>
					</div>	
				</div>
			</div>
		</div>
	</div>		
	
    <!-- LATEST WORK -->
    <!-- deleted -->

    <!-- OUR PROJECTS End -->



    <!-- TABS AND TESTIMONIALS -->
    <!-- deleted -->

</asp:Content>
